<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>htmlcss 阶段</title>
    <style>
        div {
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>



<script>

    // 要求：
        // 定义函数 getColor 
        // 每次调用函数 getColor ，都会返回一个不同的随机颜色
        // 例如：
        // getColor() ;// rgb(0,23,45)    rgb(red,green,blue)
        // getColor() ;// rgb(126,2,45)


        // 定义函数 返回随机颜色
        function getColor(){
            // 获取0-256之间的随机整数
            // var r = Math.random() * 256;
            // r = Math.floor(r);
            // console.log(r);

            var r = Math.floor(Math.random() * 256 ); // 红色数值
            var g = Math.floor(Math.random() * 256 ); // 绿色数值
            var b = Math.floor(Math.random() * 256 ); // 蓝色数值

            // 字符串拼接
            var color = "rgb("+r+","+g+","+b+")";

            // 返回值
            return color;
        }


        // 调用函数 得到颜色数据
        var c1 = getColor();
        console.log(c1);


        // 测试颜色数据
        document.write("<div style='background-color:"+c1+";'></div>");




</script>
</body>
</html>